<template>
<div class="guahao02">
  <div class="header">
    <i class="iconfont icon-msnui-left-arrow-round" @click="goGuahao01"></i>
    <span class="span">{{dataer.hName}}</span>
    <div class="right"></div>
  </div>

  <div class="content">
    <div class="search">
      <div class="searcher">
        <i class="iconfont icon-sousuo"></i>
        <span class="span">搜索医生,疾病，科室，查看本院医生</span>
      </div>
    </div>

    <div class="banner">
      <img src="/static/img/index/17.jpg" alt="" class="img">
    </div>

    <div class="title">
      <span class="span">{{dataer.hName}}</span>
      <div class="lever">
        <p class="p1">{{dataer.hLev}}</p>
        <p class="p2">预约量{{dataer.hNum}}</p>
      </div>
    </div>

    <div class="classification">
      <a href="#" class="a">
        <img src="/static/img/index/18.png" alt="" class="img">
        <div class="right">
          <p class="p1">预约挂号</p>
          <p class="p2">提前预约先人一步</p>
        </div>
      </a>
      <a class="a" @click="goGuahao03(hNum)">
        <img src="/static/img/index/18.png" alt="" class="img">
        <div class="right">
          <p class="p1">预约挂号</p>
          <p class="p2">提前预约先人一步</p>
        </div>
      </a>
      <a href="#" class="a">
        <img src="/static/img/index/18.png" alt="" class="img">
        <div class="right">
          <p class="p1">预约挂号</p>
          <p class="p2">提前预约先人一步</p>
        </div>
      </a>
      <a href="#" class="a">
        <img src="/static/img/index/18.png" alt="" class="img">
        <div class="right">
          <p class="p1">预约挂号</p>
          <p class="p2">提前预约先人一步</p>
        </div>
      </a>
      <a href="#" class="a">
        <img src="/static/img/index/18.png" alt="" class="img">
        <div class="right">
          <p class="p1">预约挂号</p>
          <p class="p2">提前预约先人一步</p>
        </div>
      </a>
      <a href="#" class="a">
        <img src="/static/img/index/18.png" alt="" class="img">
        <div class="right">
          <p class="p1">预约挂号</p>
          <p class="p2">提前预约先人一步</p>
        </div>
      </a>
    </div>

    <div class="evaluate">
      <ul class="top">
        <li class="li1">
          <img src="/static/img/index/19.png" alt="" class="img">
          <span class="span">患者评价</span>
        </li>
        <li class="li2">
          <span class="span">更多</span>
          <img src="/static/img/index/20.png" alt="" class="img">
        </li>
      </ul>
      <ul class="bottom">
        <li class="li1">
          <a href="#" class="a">内分泌科（6）</a>
          <a href="#" class="a">内分泌科（6）</a>
          <a href="#" class="a">内分泌科（6）</a>
        </li>
        <li class="li1">
          <a href="#" class="a">内分泌科（6）</a>
          <a href="#" class="a">内分泌科（6）</a>
          <a href="#" class="a">内分泌科（6）</a>
        </li>
      </ul>
    </div>

    <div class="evaluateDetail">
      <div v-for="(e,idx) in dataer.hEvaluate" class="detail">
        <div class="top">
          <div class="left">{{e.eIllness}}</div>
          <div class="right">
            <i class="star one"></i>
            <i class="star"></i>
            <i class="star"></i>
            <i class="star"></i>
            <i class="star"></i>
          </div>
        </div>
        <p class="center">{{e.eContent}}</p>
        <div class="bottom">
          <div class="left">
            <span class="span">{{e.eName}}</span>
            <span class="type">就诊</span>
            <span class="doctor">{{e.eDocName}}医生</span>
          </div>
          <span class="right">2018-02-01</span>
        </div>
      </div>
    </div>

    <div class="more">查看更多评价</div>
  </div>
</div>
</template>

<script>
    export default {
        name: 'guahao02',
        data() {
            return {
              dataer:null,
              hNum:null
            }
        },
        methods:{
          goGuahao01:function(){
            this.$router.push("/guahao01")
          },
          goGuahao03:function(hNum){
            this.$router.push(`/guahao03/${hNum}`)
          }
        },
      computed:{
        data(){
          return this.$store.state.data
        }
      },
      created:function(){
        let idx= this.$route.params.idx
        this.hNum=idx
        this.$store.dispatch('getdata')
        this.dataer=this.$store.state.data.hospital[idx]
        console.log(this.dataer)
      }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
@import "../assets/css/guahao02.css";
</style>
